﻿html, body {
	height: 100%;
	background-image: url(../Content/Images/gray_jean.png);
	background-repeat: repeat;
}

#distance {
    float: left;
    height: 50%;
    margin-bottom: -7em;
    width: 1px;
}

#login-form {
	background: none;
	background-color: white;
    /*width: 28%;*/
    
    /*position: fixed;
    top: 25%;
    left: 36%;
    min-width: 370px;
    min-height: 210px;*/

    clear: left;
    height: 14em;
    margin: 0 auto;
    position: relative;
    width: 26em;
	
	-moz-box-sizing: content-box !important;
	-webkit-box-sizing: content-box !important;
	box-sizing:content-box !important;	

	legend {
		font-size: 1.3em;
		text-align: right;
		width: 100%;
	}
}

footer.login-footer {
    text-align: center;
    position: fixed;
    bottom: 35px;
    width: 100%;
}

.about-button {
    color: @color-blue;
	font-size: 1.3em;
    
    &:hover{
        text-decoration: none;        
		color: @color-blue;
    }
}

.padding-large {	
    padding: @padding-large;
}

legend {
	margin-bottom: @padding-large;	
}

div.submit {
	
}

.error-place {
	height: 21px;	
}

.error-message {
	color: red;
	font-size: 12px; 
}